<template>
  <div class="wrapper">
    <p>单独的选择</p>
    <el-radios
      ref="radios"
      v-for="(item,index) in data"
      v-model="value"
      :label="item.value"
      :key="index"
      :isBorder="false"
      :isDisabled="item.value === '-1'"
      name="radios"
    >{{item.name}}</el-radios>
    <p>选择组</p>
    <el-radios-group v-model="value1">
      <el-radios
        ref="radios"
        v-for="(item,index) in data"
        :label="item.value"
        :key="index"
        :isBorder="false"
        :isDisabled="item.value === '-1'"
        name="radiosGroup"
      >{{item.name}}</el-radios>
    </el-radios-group>
  </div>
</template>

<script>
import ElRadios from '@/components/element-ui/Radios'
import ElRadiosGroup from '@/components/element-ui/RadiosGroup'
export default {
  components: { ElRadios, ElRadiosGroup },
  props: {},

  data() {
    return {
      data: [
        {
          name: '武汉',
          value: '0'
        },
        {
          name: '赤壁',
          value: '1'
        },
        {
          name: '天门',
          value: '2'
        }
      ],
      radios: 'radios',
      value: '1',
      isDisabled: false,
      value1: '2'
    }
  },
  created() { },
  mounted() {
  },
  activated() { },
  updated() { },
  methods: {
  },
  computed: {},
  watch: {},
}
</script>
<style scoped lang='scss'>
</style>